*{margin:0;padding:0;}
body{font-family: "微软雅黑";background:#f7f9f8;}
ul,ol,li{list-style:none;}
a,u{text-decoration: none;}
em,i{font-style:normal;}
b,strong{font-weight:100;}
img{border:0;display:block;}
span{display:inline-block;}
h1,h2,h3,h4,h5,h6{font-size: 16px;font-weight:100;}
.top,header,nav,.case,.floor,.service,.friendLink,footer,.road,.buyCon,.goodsCon{width:1200px;margin:0 auto;}

//top
.top{height:30px;}
.top p:first-child{font-size:12px;line-height:30px;color:#333;float:left;}
.top p:nth-of-type(2){font-size:12px;line-height:30px;color:#008842;margin-left:18px;float:left;}
.top .addr{width:60px;line-height:12px;padding:8px 5px;position:relative;float:left;}
.top .addr a{font-size:12px;color:#008842;}
.top .addr span{width:8px;height:8px;background:url(../img/header-img.png) no-repeat 0 0;}
.top .addr .addrCard{position:absolute;left:-40px;top:28px;width:482px;min-height:310px;
border:2px solid #008842;display:none;}
.top .login{width:530px;height:30px;float:right;padding:0 12px;}
.top .login li{float:left;margin:0 10px;height:22px;padding:8px 0 0;}
.top .login li p a{font-size:12px;color:#444;}
.top .login li p{float:left;line-height:12px;margin:0 5px;}
.top .login li span{float:left;}
.top .login li span:nth-child(3){float:left;width:8px;height:12px;margin-top:5px;background:url(../img/header-img.png) no-repeat 0 0;}
.top .login li:nth-child(3) span:first-child{width:18px;height:18px;background:url(../img/header-img.png) no-repeat -40px 0;}
.top .login li:nth-child(4) span:first-child{width:18px;height:18px;background:url(../img/header-img.png) no-repeat -64px -1px;}
.top .login li:nth-child(5) span:first-child{width:18px;height:18px;background:url(../img/header-img.png) no-repeat -147px -1px;}
.top .login li:nth-child(6) span:first-child{width:18px;height:18px;background:url(../img/header-img.png) no-repeat -86px -3px;}
//hover样式
.top .login .showCard{border:1px solid #008842;border-bottom:none;background:#fff;position:relative;height:23px;}
.top .login .showCard span:nth-child(3){background:url(../img/header-img.png) no-repeat -13px 0px;}
.top .login .showCard .cardCon1{position:absolute;left:-1px;top:29px;width:120px;height:185px;padding:0 10px 10px;background:#fff;border:1px solid #444;z-index:99;}
.top .login .showCard .cardCon1 li{height:13px;padding-top:13px;}
.top .login .showCard .cardCon1 li a{font-size:12px;color:#727272;}
.top .login .showCard .cardCon1 ul li:first-child{width:84px;height:1px;position:absolute;top:-1px;left:-10px;background:#fff;}

.login .showCard .cardCon2{position:absolute;left:-1px;top:29px;width:127px;height:290px;padding:0 10px 10px;background:#fff;border:1px solid #444;z-index:99;}
.top .login .showCard .cardCon2 ul li{width:126px;height:140px;margin:0;}
.top .login .showCard .cardCon2 ul li p{width:126px;line-height:14px;font-size:12px;text-align:center;margin:0;}
.top .login .showCard .cardCon2 ul li:first-child{width:84px;height:1px;position:absolute;top:-1px;left:0px;background:#fff;}
//header
#header{height:78px;background:#e0e0e0;}
header{height:78px;}   
header h1{padding:16px 0;width:145px;float:left;}
header .search{float:left;width:527px;height:28px;padding-top:15px;margin:0 210px 0 145px;position:relative;}
header .search .shu{width:424px;height:26px;border:1px solid #008842;float:left;padding:0 10px;background:#e0e0e0;color:#727272;}
header .search .sou{width:80px;height:28px;border:none;color:#fff;background:#008842;float:left;}
header .search ul{width:455px;height:12px;padding-top:9px;margin-top:24px;}
header .search ul li{float:left;margin-right:8px;}
header .search ul li a{font-size:12px;color:#008842;}
header .shopCar{float:left;width:74px;height:30px;border:1px solid #008842;margin:15px 0 21px;padding:10px 48px 0 48px;background:#fff;position:relative;}
header .shopCar a span:first-child{width:28px;height:20px;background:url(../img/header-img.png) no-repeat -112px 0;}
header .shopCar a span:nth-child(2){width:35px;height:18px;line-height:18px;padding-left:6px;font-size:20px;color:#008842;font-weight:900;}
header .shopCar .shopCon{width:400px;height:140px;background:#fff url(../img/car-bg.jpg) no-repeat center;position:absolute;right:-1px;bottom:-141px;
line-height:140px;text-align:center;border:1px solid #008842;z-index:99;display:none;}
header .shopCar .shopCon p{font-size:12px;color:#444;}
//搜索框
header .search .searchCon{width:423px;border:1px solid #008842;background:#fff;padding:0 10px;position:absolute;left:0;top:42px;display:none;z-index:999;}
header .search .searchCon li{font-size:14px;color:#444;}

//吸顶
.headerFixed{height:45px;}
.headerFixed h1{padding:5px 0;width:105px;float:left;}
.headerFixed h1 img{height:35px;width:105px;float:left;}
.headerFixed .search{margin:0 10px 0 175px;padding:9px 0;height:24px;width:760px;}
.headerFixed .search ul{width:215px;height:28px;float:left;margin-top:0px;padding:0 0 0 10px;overflow:hidden;}
.headerFixed .shopCar{width:75px;height:24px;border:1px solid #008842;margin:5px 0 7px;padding:8px 35px 0 35px;}

//nav
nav{height:44px;opacity:1;position:relative;}
.foodlist{background:rgba(255,255,255,0.8);width:180px;position:absolute;left:0;top:0;z-index:999;}
.foodlist>li>a{display:block;width:180px;padding:9px 0;line-height:14px;}
.foodlist>li:first-child a{width:175px;background:#008842;height:25px;text-align:center;padding:12px 0 7px 5px;}
.foodlist>li:first-child p{font-size:14px;line-height:14px;color:#fff;}
.foodlist>li:first-child span{color:#fff;height:8px;background:url(../img/header-img.png) no-repeat -25px 0;margin-left:1px;}
.foodlist>li>a>p{display:inline-block;line-height:14px;font-size:14px;color:#444;}            
.foodlist li a span{display:inline-block;width:18px;height:18px;margin:0 16px 0 18px;}
.foodlist li:nth-child(2) span{background:url(../img/nav-icon.png) no-repeat -3px -3px;}
.foodlist li:nth-child(3) span{background:url(../img/nav-icon.png) no-repeat -27px -3px;}
.foodlist li:nth-child(4) span{background:url(../img/nav-icon.png) no-repeat -51px -3px;}
.foodlist li:nth-child(5) span{background:url(../img/nav-icon.png) no-repeat -75px -3px;}
.foodlist li:nth-child(6) span{background:url(../img/nav-icon.png) no-repeat -3px -3px;}
.foodlist li:nth-child(7) span{background:url(../img/nav-icon.png) no-repeat -99px -3px;}
.foodlist li:nth-child(8) span{background:url(../img/nav-icon.png) no-repeat -121px -3px;}
.foodlist li:nth-child(9) span{background:url(../img/nav-icon.png) no-repeat -145px -3px;}
.foodlist li:nth-child(10) span{background:url(../img/nav-icon.png) no-repeat -169px -3px;}
.foodlist li:nth-child(11) span{background:url(../img/nav-icon.png) no-repeat -193px -3px;}
.foodlist li:nth-child(12) span{background:url(../img/nav-icon.png) no-repeat -217px -3px;}
.foodlist li:nth-child(13) span{background:url(../img/nav-icon.png) no-repeat -239px -3px;}
.contentlist{padding:10px 15px;width:300px;height:479px;background:rgba(255,255,255,0.8);position:absolute;
left:180px;top:0;border:1px solid #008842;display:none;z-index:999;}
.contentlist ul li{padding:10px 10px 0;float:left;height:40px;border-bottom:1px solid;
word-break:break-word;text-align:center;}
.contentlist ul li a{line-height:30px;font-size:14px;color:#444;}
.contentlist p a{padding-left:10px;width:180px;height:60px;font-size:18px;color:#008842;}
.contentlist .pic{position:absolute;left:80px;top:270px;}

nav>ul:nth-child(2){display:none;}
nav>ul.navlist{width:1020px;position:absolute;left:180px;top:0;z-index:99;border-bottom:1px solid #008842;display:block;}
.navlist li{width:59px;padding:11px 28px;float:left;}
.navlist li a{font-size:14px;font-weight:900;color:#444;}

//service
#service{height:103px;background:#e0e0e0;}
.service{height:103px;}
.service dl{margin:30px 60px;float:left;}
.service dl dt{float:left;width:42px;height:42px;padding-right:13px;border-right:1px solid #a6a6a6;background:url(../img/footer_service_icon.png) no-repeat 0 0;}
.service dl dd{float:left;height:42px;padding-left:13px;}
.service dl dd h3{font-size:18px;font-weight:900;color:#008842;line-height:26px;}
.service dl dd p{font-size:12px;color:#444;line-height:14px;}

.service dl:nth-child(2) dt{background:url(../img/footer_service_icon.png) no-repeat 0 -44px;}
.service dl:nth-child(3) dt{background:url(../img/footer_service_icon.png) no-repeat 0 -85px;}
.service dl:nth-child(4) dt{background:url(../img/footer_service_icon.png) no-repeat 0 -129px;}
//link
.friendLink{height:260px;overflow:hidden;}
.friendLink .linkCon{margin:50px 40px;float:left;}
.friendLink .linkCon h2{width:70px;height:20px;padding-left:35px;margin-bottom:16px;font-size:14px;color:#444;background:url(../img/footer_icon.png) no-repeat -4px -1px}
.friendLink .linkCon ul{margin-left:11px;width:128px;min-height:60px;padding-left:20px;border-left:1px dashed #a8a8a8;}
.friendLink .linkCon ul li a{font-size:12px;color:#444;padding:3px 0;}
.friendLink div:nth-child(2) h2{background:url(../img/footer_icon.png) no-repeat -4px -24px}
.friendLink div:nth-child(3) h2{background:url(../img/footer_icon.png) no-repeat -4px -47px}
.friendLink div:nth-child(4) h2{background:url(../img/footer_icon.png) no-repeat -4px -69px}
.friendLink div:nth-child(5) h2{background:url(../img/footer_icon.png) no-repeat -4px -93px}
//footer
footer{height:150px;}
footer h2{font-size:14px;color:#008842;text-align:center;margin-bottom:25px;}
footer div p{font-size:12px;color:#717171;text-align:center;line-height:20px;}
footer p:nth-child(3){text-align:center;line-height:46px;} 
footer p:nth-child(3) a{padding:0 12px;}
footer p:nth-child(3) a img{display:inline-block;}
footer p:nth-child(3) a:nth-child(2) img{width:38px;height:46px;}
footer p:nth-child(3) a span{font-size:12px;color:#939393;}

//side
.rightSide{width:50px;height:42px;position:fixed;right:15px;bottom:50px;z-index:999;}
.rightSide a{display:block;width:50px;height:42px;position:absolute;left:0;top:0;}
.rightSide a:first-child{background:url(../img/sidebar.png) no-repeat 0 0;}
.rightSide a:last-child{background:url(../img/sidebar.png) no-repeat 0 -46px;}
.rightSide a:first-child:hover{background:url(../img/sidebar.png) no-repeat -56px 0px;}
.rightSide a:last-child:hover{background:url(../img/sidebar.png) no-repeat -56px -46px;}




